$(".main").onepage_scroll({
   sectionContainer: "section",     // sectionContainer accepts any kind of selector in case you don't want to use section
   easing: "ease",                  // Easing options accepts the CSS3 easing animation such "ease", "linear", "ease-in", 
                                    // "ease-out", "ease-in-out", or even cubic bezier value such as "cubic-bezier(0.175, 0.885, 0.420, 1.310)"
   animationTime: 700,             // AnimationTime let you define how long each section takes to animate
   pagination: true,                // You can either show or hide the pagination. Toggle true for show, false for hide.
   updateURL: false,                // Toggle this true if you want the URL to be updated automatically when the user scroll to each page.
   beforeMove: function(index) {},  // This option accepts a callback function. The function will be called before the page moves.
   afterMove: function(index) {},   // This option accepts a callback function. The function will be called after the page moves.
   loop: false,                     // You can have the page loop back to the top/bottom when the user navigates at up/down on the first/last page.
   keyboard: true,                  // You can activate the keyboard controls
   responsiveFallback: false,        // You can fallback to normal page scroll by defining the width of the browser in which
                                    // you want the responsive fallback to be triggered. For example, set this to 600 and whenever 
                                    // the browser's width is less than 600, the fallback will kick in.
   direction: "vertical"            // You can now define the direction of the One Page Scroll animation. Options available are "vertical" and "horizontal". The default value is "vertical".  
});

$('#movedown, #try').on('click', function(e) {
    e.preventDefault();
    $(".main").moveDown();
});

$('#popup form').on('submit', function(e) {
    e.preventDefault();
    var _data = $(this).serialize();
    $.ajax({
        url: '/',
        type: 'POST',
        dataType: 'json',
        data: _data,
        success: function () {
            alert(' 谢谢反馈！');
            $('#popup').hide();
        }
    });
});

$(document).click(function(e) {
    var target = e.target;
    console.log(1111);
    if (!$(target).is('#popup') && !$(target).parents().is('#popup')) {
        if ( $(target).is('#iwant') ) {
            e.preventDefault();
            $('#popup').toggle();
        } else{
            $('#popup').hide();
        }
    }
});